<script setup lang="ts">
import { reactive } from 'vue'

export type MilestoneInfo = {
  milestoneName?: string
  versionNumber?: string
  projectManager?: string
  productManager?: string
  startTime?: string
  testTime?: string
  publishTime?: string
  desc?: string
  serverIP?: string
  serverPort?: string
  loginName?: string
  password?: string
}
const form = reactive<MilestoneInfo>({
  milestoneName: '',
  versionNumber: '',
  projectManager: '',
  productManager: '',
  startTime: '',
  testTime: '',
  publishTime: '',
  desc: ''
})
</script>

<template>
  <el-form class="milestone-form" :model="form" label-width="auto">
    <el-form-item label="里程碑节点名称">
      <el-input v-model="form.milestoneName" placeholder="请输入项目名称" />
    </el-form-item>
    <el-form-item label="版本号">
      <el-input v-model="form.versionNumber" placeholder="请选择项目经理" />
    </el-form-item>
    <el-form-item label="项目经理">
      <el-input v-model="form.projectManager" placeholder="请输入项目名称" />
    </el-form-item>
    <el-form-item label="产品经理">
      <el-input v-model="form.productManager" placeholder="请输入项目名称" />
    </el-form-item>
    <el-form-item label="UI设计">
      <el-input v-model="form.password" placeholder="请选择项目组"></el-input>
    </el-form-item>
    <el-form-item label="研发人员">
      <el-input v-model="form.password" placeholder="请选择项目组"></el-input>
    </el-form-item>
    <el-form-item label="测试人员">
      <el-input v-model="form.password" placeholder="请选择项目组"></el-input>
    </el-form-item>
    <el-form-item label="任务开启时间">
      <el-input v-model="form.startTime" placeholder="请选择产品经理">
      </el-input>
    </el-form-item>
    <el-form-item label="计划提测时间">
      <el-input v-model="form.testTime" placeholder="请选择项目组"></el-input>
    </el-form-item>
    <el-form-item label="上线时间">
      <el-input v-model="form.publishTime" placeholder="请选择项目组">
        <el-option label="Zone one" value="shanghai" />
        <el-option label="Zone two" value="beijing" />
      </el-input>
    </el-form-item>
    <el-form-item label="服务器地址">
      <el-input v-model="form.serverIP" placeholder="请选择项目组"></el-input>
    </el-form-item>
    <el-form-item label="端口">
      <el-input v-model="form.serverPort" placeholder="请选择项目组">
      </el-input>
    </el-form-item>
    <el-form-item label="登录名称">
      <el-input v-model="form.loginName" placeholder="请选择项目组"></el-input>
    </el-form-item>
    <el-form-item label="密码">
      <el-input v-model="form.password" placeholder="请选择项目组"></el-input>
    </el-form-item>

    <el-form-item label="节点描述">
      <el-input
        v-model="form.desc"
        type="textarea"
        :rows="8"
        :maxlength="500"
      />
    </el-form-item>
  </el-form>
</template>

<style scoped lang="scss"></style>
